<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">	
		<title>ToDo API Client Demo</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
		<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
		<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
		<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
	</head>
	<body>
		<div id="viewpane">
			<table>
				<tr>
					<div id="employeeview" onClick="setEmployeesView()">
						{{_("employees")}}
					</div>
				</tr>
				<tr>
					<div id="coursesview">
						{{_("courses")}}
					</div>
				</tr>
				<tr>
					<div id="jobsview">
						{{_("jobs")}}
					</div>
				</tr>
				<tr>
					<div id="educationview">
						{{_("educations")}}
					</div>
				</tr>
			</table>
		</div> <!-- View pane (navgation)-->
		<script src="static/js/functions.js"></script>
		<script>		
		$(document).ready(function(e)
		{
			console.log('document ready!')			
			$("#viewpane" ).click(function()
			{
				$(this).hide( "slow", function()
				{
					//alert( "Animation complete." );
				});
		  });		  
		}
		);
		</script>
	</body>
<html>